﻿<%@ Page Language="C#" AutoEventWireup="true"
    Inherits="ZX.WebApp.Extend.MasterDetailList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <!--CSS file (default YUI Sam Skin) -->
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/reset-fonts-grids/reset-fonts-grids.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/container/assets/skins/sam/container.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/menu/assets/skins/sam/menu.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/button/assets/skins/sam/button.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/resize/assets/skins/sam/resize.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/layout/assets/skins/sam/layout.css" />
    <link rel="stylesheet" type="text/css" href="../Scripts/yui_2.9.0/build/datatable/assets/skins/sam/datatable.css" />
    <link rel="stylesheet" type="text/css" href="../Scripts/yui_2.9.0/build/paginator/assets/skins/sam/paginator.css" />


    <link href="../Scripts/JQuery_zTree_v3.3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"
        type="text/css" />
    <link href="../Styles/aui-css/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!--begin custom header content for this example-->
    <style type="text/css">
    .yui-skin-sam table {
	  width: 100%; 
    }
    .yui-layout-hd
    {
        height: 32px;
        vertical-align: middle;
    }
    H2
    {
         font-size:14px;
         padding-left:10px;
         padding-bottom:5px;
         margin-left:10px;
    }
    #button-example-form fieldset, 
    #button-example-form fieldset div {
        border: 2px groove #ccc;
        margin: .5em;
        padding: .5em;
    }
    <% =DataTableCss %>
</style>
    <!--end custom header content for this example-->
    <!-- Dependencies -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/element/element-min.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/datasource/datasource-min.js"></script>
    <!-- OPTIONAL: JSON Utility (for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/json/json-min.js"></script>
    <!-- OPTIONAL: Connection Manager (enables XHR for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/connection/connection-min.js"></script>
    <!-- OPTIONAL: Get Utility (enables dynamic script nodes for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/get/get-min.js"></script>
    <!-- OPTIONAL: Drag Drop (enables resizeable or reorderable columns) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/dragdrop/dragdrop-min.js"></script>
    <!-- OPTIONAL: Calendar (enables calendar editors) -->
    <%--<script type="text/javascript" src="../Scripts/yui_2.9.0/build/calendar/calendar-min.js"></script>--%>
    <!-- Source files -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/datatable/datatable-min.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/paginator/paginator-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/layout/layout-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/button/button-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/container/container-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/resize/resize-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/event-delegate/event-delegate-min.js"></script>

    <script src="../../Scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="../../Scripts/JQuery_zTree_v3.3/js/jquery.ztree.core-3.3.js" type="text/javascript"></script>
    <script src="../../Scripts/JQuery_zTree_v3.3/js/jquery.ztree.excheck-3.3.js" type="text/javascript"></script>
    <script src="../../Scripts/JQuery_zTree_v3.3/js/jquery.ztree.exedit-3.3.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../Scripts/ArrayToJson.js"></script>
    <script>
        var IsView = function () {
            return false;
        }
    </script>
</head> 
<body class="yui-skin-sam">
    <form id="form1" runat="server">
    <!-- 工具栏 -->
    <div id="left">
        <ul class='ztree' id='_LeftTree' style="width: 100%; height: 100%; border: 0px; margin: -5px;">
        </ul>
    </div>
    <div id="toolbar" style="margin: 2px;">
        <% =BtnItems %>
        <button type="button" id="btnFull" name="btnFull">
            全屏</button>
        <button type="button" id="btnReload" name="btnReload">
                刷新</button>
        <button type="button" id="btnClose" name="btnClose">
            关闭当前页</button>
    </div>
    <div id="data">
        <div id="json">
        </div>
    </div>
    <div id="bottom">
        <div id="pagetotal"  style="float: left; height: 25px; padding: 8px; margin-top: 3px;
            width: 100px; overflow:scroll">
        </div>
        <div id="page" style="float: left">
        </div>
    </div>
    <!-- 对话框 -->
    <div id="dialogArea" style="display: none">
        <div id="dialog1" class="yui-pe-content">
            <div class="hd">
                <% =PageTitle %>数据编辑</div>
            <div class="bd">
                <iframe id="EditUIWindow" frameborder="0" src="" style="width: 100%; height: 100%;
                    margin: 0px; padding: 0px;"></iframe>
            </div>
        </div>
        <div id="dialog2" class="yui-pe-content">
            <div class="hd">
                选择基本信息:</div>
            <div class="bd">
                <iframe id="EditUIWindow1" frameborder="0" src="" style="width: 100%; height: 100%;
                    margin: 0px; padding: 0px;"></iframe>
            </div>
        </div>
        <div id="dialog3" class="yui-pe-content">
            <div class="hd">
                提示</div>
            <div class="bd">
                你正在删除当前选择的数据，继续请按确定？
            </div>
        </div>
        <div id="dialog4" class="yui-pe-content">
            <div class="hd">
                查询</div>
            <div class="bd">
                <iframe id="QueryWindow" frameborder="0" src="" style="width: 100%; height: 100%;
                    margin: 0px; padding: 0px;"></iframe>
            </div>
        </div>
        <div id="dialog5" class="yui-pe-content">
            <div class="hd">
                <% =PageTitle %>
                数据详情</div>
            <div class="bd">
                <iframe id="EditUIWindow3" frameborder="0" src="" style="width: 100%; height: 100%;
                    margin: 0px; padding: 0px;"></iframe>
            </div>
        </div>
    </div>
    </form>
</body>
<!-- 通用方法 -->
<!-- 通用方法 -->
<!-- 通用方法 -->
<!-- 通用方法 -->
<!-- 通用方法 -->
<script src="../Scripts/common.js" type="text/javascript"></script>
<!-- 定义数据格式化方法 -->
<script src="../Scripts/yui.list.dataformat.js" type="text/javascript"></script>
<!--  用于加载自定义脚本 -->
<script src="../Scripts/appjs/model.<% =EntityName %>.js" type="text/javascript"
    language="javascript"></script>
<script type="text/javascript">
     var const_height,const_width;
    (function() {
        var Dom = YAHOO.util.Dom,
            Event = YAHOO.util.Event;

         Event.onDOMReady(function() {
            const_height =  Dom.getViewportHeight();
            const_width  = Dom.getViewportWidth();
            var layout = new YAHOO.widget.Layout({
                minWidth: 1000,
                minHeight: 500,
                units: [
                {position: 'left', header: '组织结构', width: 220, body: 'left', gutter: '1 4 1 1', scroll: true, zIndex: 1, resize: true , maxWidth: 300 },
                { position: 'center', minWidth: 400, minHeight: 200 }
                ]
            });
           
            layout.on('render', function() {
                var el = layout.getUnitByPosition('center').get('wrap');
                var layout2 = new YAHOO.widget.Layout(el, {
                    parent: layout,
                    minWidth: 400,
                    minHeight: 200,
                    units: [
                        { position: 'top', body: 'toolbar', height: 35, gutter: '0px', maxHeight: 80 },
                        { position: 'bottom',  height: 35, resize: true, body: 'bottom', gutter: '0px', maxHeight: 130 },
                        { position: 'center', body: 'data', gutter: '0px', scroll: false }
                    ]
                });
                layout2.render();
            });
            layout.render();
            InitLeftData();
        });
    })();

    var const_entityID = "<% =EntityId %>",    //实体ID名称
        const_entityName = "<% =EntityName %>",//实体名称
        const_EditEntity = "<% =EditEntity %>",//编辑实体名
        const_functionId   ="<% =FunctionID %>",//自定义条件
        const_Order ="<% =Order %>",           //排序  
        const_UserId = "<% = UserId %>",       //
        const_DataFields = [<% =DataFields %>],
        const_DataColums = [<% =DataColums %>],
        const_EditWindowWidth = "<% =EditWindowWidth %>px",
		const_EditWindowHeight = "<% =EditWindowHeight %>px",
        const_EditPage = "<%=EditPage %>",
        const_Condition =  encodeURI("<% =Condition %>"),//
        const_CustomCondition = "",
        const_LeftTable="<% =LeftTable %>",
        const_ForeignKey="<%=ForeignKey%>",
        selectControl=null,
        requireUrl="",
        initialRequestUrl = "pageindex=1&entity=" + const_entityName + "&order="+const_Order+"&r="+Math.random()+"&zip=94089&results=10&output=json&functionid="+const_functionId+"&customCondition="+ decodeURI(const_CustomCondition),
        SaveUrl,dl;//要删除的数据列  
  
    YAHOO.example.init = function () {
        function onButtonClick(p_oEvent) {
                 //YAHOO.log("You clicked button: " + this.get("id"), "info", "example1");
                 switch(this.get("id"))
                 { 
                     <% =InitBtnEvents %>
                    case "btnFull": 
                         fnFull();
                         break;
                    case "btnClose":
                         //fnAddMasterDetail();
                         window.parent.$("#tabs").tabs('close','<% =PageTitle %>');
                         break;
                    case "btnReload":
                         fnReload();
                         break;
                    default:
                         break;
                 }                        
        }
        YAHOO.util.Event.onContentReady("toolbar", function () {
        <% =BtnEvents  %>
        var btnFull = new YAHOO.widget.Button("btnFull");
        btnFull.on("click", onButtonClick);
        var btnClose = new YAHOO.widget.Button("btnClose");
        btnClose.on("click", onButtonClick);
        var btnReload = new YAHOO.widget.Button("btnReload");
        btnReload.on("click", onButtonClick);
        //var btnSearch = new YAHOO.widget.Button("btnSearch");
        });
    }();
</script>
<!-- YUI  通用功能  -->
<script src="../Scripts/yui.list.data.common.js" type="text/javascript"></script>
<script src="../Scripts/yui.list.treeDetailList.js" type="text/javascript"></script>
<!--  用于加载按扭方法 -->
<script src="../Scripts/yui.list.button.event.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    window.document.getElementById("dialogArea").style.display = "";
</script>
</html>
